<!-- 左侧菜单栏：动态菜单 -->
<div class="page-left">
	<ul id="main-nav" class="nav nav-tabs nav-stacked">
		<li class="active">
			<a href="${pageContext.request.contextPath}/html/welcom.shtml"> 
				<i class="glyphicon glyphicon-home"></i> 首页
			</a>
		</li>
		<c:forEach items="${sessionScope.permission.menus }" var="menu">
			<c:if test="${menu.parentId == 0 }">
				<li>
					<a href="#menu_${menu.id}" class="nav-header collapsed" data-toggle="collapse"> 
						<i class="glyphicon ${menu.icon}"></i>
						${menu.menuName }
						<c:if test="${not empty menu.childMenus}"> 
							<span class="pull-right glyphicon glyphicon-chevron-down"></span>
						</c:if>
					</a> 
					<c:if test="${not empty menu.childMenus}">
						<ul id="menu_${menu.id}" class="nav nav-list collapse secondmenu">
							<c:forEach items="${menu.childMenus }" var="childMenu">
								<li>
									<a href="${pageContext.request.contextPath}${menuUrl}">
									<i class="glyphicon ${childMenu.icon}"></i>${childMenu.menuName }</a>
								</li>
							</c:forEach>
						</ul>
					</c:if>
				  </li>
			</c:if>
		</c:forEach>
	</ul>
</div>